<template>
    <div>
        <div class="welcome1">
          <!--  <el-button>
                <router-link to="/welcome/login">登录</router-link>
            </el-button>
            <el-button>
                <router-link to="/welcome/signUp">注册</router-link>
            </el-button>-->
            <mt-button @click="()=>$router.push({name:'login'})" type="primary">登录页面</mt-button>
            <mt-button @click="()=>$router.push({name:'signUp'})" type="danger">注册页面</mt-button>

        </div>
        <div class="welcome2">
        <router-view></router-view>
        </div>
    </div>
</template>

<script>
    export default {
        data: function () {
            return {}
        },
        computed: {},
        methods: {},

        mounted: function () {

        },

        created: function () {

        },
        name: "WelcomePage"
    }
</script>

<style scoped>
    .welcome1{
        text-align: center;
    }
    .welcome2{
        width: 600px;
        height:300px;
        padding: 20px;
        margin: 10px auto;
    }
</style>
